<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
<link rel="Stylesheet" type="text/css"
	href="<c:url value="/static/css/jquery.ui.css"/>" />
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/common.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/Loading.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/js/showMsg.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/static/listBox/jquery.clever.listbox.js"/>"></script>
<script>
	function initList(listDisplayEId) {
		$('#' + listDisplayEId).datagrid({
			nowrap : false,
			striped : true,
			collapsible : true,
			remoteSort : true,
			notSelectByRow : false,
			onLoadError : function() {
				$.messager.alert('错误', '获取数据失败，请与管理员联系！', 'error');
			}

		});
	};
	$(document).ready(function() {
		document.getElementById('custId').value = 0;
		document.getElementById('zzy').style.display = 'none';
		initList('listDisplay');
	});

	function searchInfo() {
		if(document.getElementById('custId').value == 0){
			alert('客户不能为空');
			return ;
		}
		if ($('#dateStart').combobox('getValue') == '') {
			alert("起始日不能为空");
		} else if ($('#dateEnd').datebox('getValue') == '') {
			alert("截止日不能为空");
		} else {
			$('#listDisplay').datagrid('load', {
				initFlag : 1,
				dateEnd : $('#dateEnd').datebox('getValue'),
				dateStart : $('#dateStart').datebox('getValue'),
				custId : $('#custId').val()
			});
		}

	}
	function tea() {
		$('#listDisplay').datagrid('load');
	}
	$(function() {

		//
		//获取data 数据
		$("#custName").textbox({
			buttonText : '选择',
			iconAlign : 'left',
			editable : false,
			value : "无",
			multiline : true,
			height : '25px',
			onClickButton : function() {
				initDateLeft();
				showMsgLeft();
				ShowDiv();

				var left = $('#left').listbox();
				var items = left.getDatas();
				left.removeRange(items);

				/* var right = $('#right').listbox();
				var itemsr = right.getDatas();
				right.removeRange(itemsr);
				 */
				$('#left').listbox().reload({
					data : dataLeft,
					ajaxsettings : {
						data : {
							id : 'a'
						}
					}
				});
			}
		});
	});

	function initDateLeft() {
		$.ajax({
			async : false,
			url : "<c:url value='/user/shopForManager.do'/>",
			type : "post",
			success : function(data) {
				dataLeft = data;
				if (typeof (dataLeft) == 'string' && dataLeft != '') {
					dataLeft = JSON.parse(dataLeft);
				}
			}
		});
	}
	function ShowDiv() {
		var Allwidth = '100%';
		var Allheight = '100%';
		document.getElementById('zzy').style.display = '';
		Loading.Show({
			width : Allwidth,
			height : Allheight
		});
	}
	//初始化showMsg
	function showMsgLeft() {
		$('#left').listbox({
			data : dataLeft,
			height : 300,
			width : 200,
			dndscope : 'demo',
			dnd : false,
			multiselect : true,
			selectchange : function(data) {
				if (data && data.length > 0) {
					$('#btnRight').attr('disabled', false);
				} else {
					$('#btnRight').attr('disabled', true);
				}
			}
		});
		var data = [ {
			value : 10,
			text : 'think8848'
		}, {
			value : 20,
			text : 'aCloud'
		}, {
			value : 21,
			text : 'aaaaa'
		}, {
			value : 36,
			text : 'qqqqq'
		} ];
		$('#right').listbox({
			//data: data,
			height : 300,
			width : 200,
			dndscope : 'demo',
			dnd : true,
			multiselect : true
		});
		$('#btnRightAll').click(function() {
			var left = $('#left').listbox();
			var items = left.getDatas();
			left.clear();
			$('#right').listbox().addRange(items);
		});
		$('#btnLeftAll').click(function() {
			var right = $('#right').listbox();
			var items = right.getDatas();
			right.clear();
			$('#left').listbox().addRange(items);
		});
		$('#btnRight').click(function() {
			var left = $('#left').listbox();
			var items = left.getSelected();
			left.removeRange(items);
			$('#right').listbox().addRange(items);
		});
		$('#btnLeft').click(function() {
			var right = $('#right').listbox();
			var items = right.getSelected();
			right.removeRange(items);
			$('#left').listbox().addRange(items);
		});
		$('#btnRemove').click(function() {
			$('#right').listbox().removeRange([ {
				value : 2
			}, {
				value : 26
			} ]);
		});
		$('#btnSelect').click(function() {
			var selected = $('#right').listbox().getSelected();
			var msg = 'Selected count is: ' + selected.length;
			if (selected.length > 0) {
				msg += ', The first item text is: ' + selected[0].text;
			}
			msg += '.';
			alert(msg);
		});
		$('#btnGetItems').click(function() {
			var selected = $('#right').listbox('getDatas');
			alert('Items count is: ' + selected.length);
		});
		$('#btnSetSelection').click(function() {
			$('#left').listbox('setSelection', 1);
		});
		$('#select').click(function() {
			Loading.Hide();
			document.getElementById('zzy').style.display = 'none';

			var right = $('#right').listbox();
			var items = right.getDatas();
			var userNames = '';
			var userIds = '';
			if (items.length > 1) {
				alert("只能选取一位客户");
				return false;
			}

			if (items.length > 0) {
				for ( var e in items) {
					userNames = userNames + items[e].text + ',';
					userIds = userIds + items[e].value + ',';
				}
				userNames = userNames.substring(0, userNames.length - 1);
				userIds = userIds.substring(0, userIds.length - 1);
			}
			if (userNames != '' && userIds != '') {
				$('#custName').textbox('setValue', userNames);
				document.getElementById('custId').value = userIds;
			} else {
				$('#custName').textbox('setValue', '无');
				document.getElementById('custId').value = 0;
			}
		});
		$('#noselect').click(function() {
			Loading.Hide();
			document.getElementById('zzy').style.display = 'none';
		});
	}
	
	
	//查看详细内容
    function  goDetailedContent(val,rowData,rowIndex){
        return '<a href="#" onclick="constructionManager(\'' + rowData.dateStart+ '\',\'' + rowData.dateEnd + '\',\''+ rowData.custId + '\',\''+ rowData.detailContentFlag +'\')">'+val+'</a>  '
    }
	
    function constructionManager(dateStart,dateEnd,custId,detailContentFlag) {
        var new_win = window.open("<c:url value='/jsp/openIndexSun.jsp?url=/financingManager/goFinancingDetail.do'/>"
                +"?dateStart="+dateStart+"&dateEnd="+dateEnd+"&custId="+custId+"&detailContentFlag="+detailContentFlag,"sun","width=1200px,height=600px,status=no,scrollbars=yes");
        new_win.focus(); 
    }
</script>
</head>
<body>
	<table width="98%">
		<tr>
			<td>
				<div
					style="height: auto; width: 1180px; background: #fafafa; padding: 5px;"
					class="easyui-panel" title="查询" iconCls="icon-search"
					collapsible="true" minimizable="false" maximizable="false"
					closable="false">
					<form id="searchForm" name="searchForm" method="post">
						<div>
							<table cellpadding="5">
								<tr>
									<td>起始日期</td>
									<td><input class="easyui-datebox" editable="false"
										id="dateStart" name="dateStart" required="true"></input></td>
									<td>~</td>
									<td>截止日期</td>
									<td><input class="easyui-datebox" editable="false"
										id="dateEnd" name="dateEnd" required="true"></input></td>
									<td>客户id</td>
									<td><input
										style="word-wrap: break-word; word-break: break-all;"
										id="custName" name="custName"></input></td>
									<td><input class="easyui-validatebox" editable="false"
										id="custId" name="custId" type="hidden"></input></td>
									<td><input type="button" onclick="searchInfo()" value="查询"></td>
								</tr>
							</table>
						</div>
					</form>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<table id="listDisplay" title="财务列表" iconCls="icon-list"
					singleSelect="true" idField="date"
					url="<c:url value="/financingManager/listFinancingListForManager.do"/>"
					loadMsg="请稍候......" pagination="true" pageSize="20"
					pageList="[10,20,30,40,50]" rownumbers="true" sortOrder="asc">
					<thead>
						<tr>
							<th field="id" width="25" align="center" checkbox="true"></th>
							<th field="financingType" width="100" sortable="true">种类</th>
							<th field="financingValue" width="100" sortable="true">价钱</th>
							<th field="custId" width="100" sortable="true" hidden="true">客户id</th>
							<th field="dateStart" width="100" sortable="true" hidden="true">起始日期</th>
							<th field="dateEnd" width="100" sortable="true" hidden="true">截止日期</th>
							<th field="detailContent" width="100" sortable="true" formatter="goDetailedContent">详细内容</th>
						    <th field="detailContentFlag" width="100" sortable="true" hidden="true" >详细内容标记</th>
						</tr>
					</thead>
				</table>
			</td>
		</tr>
	</table>
	<div
		style='position: absolute; left: 40px; top: 40px; z-index: 101; background-color: #FFFFFF; border-radius: 10px; width: 550px;'
		id="zzy">
		<table align="center">
			<tr>
				<td colspan="3">
					<form id="searchFormForShowCust" name="searchFormForShowCust"
						method="post" accept-charset="UTF-8">
						<div
							style="height: auto; width: 470px; background: #fafafa; padding: 5px;"
							class="easyui-panel" title="查询" iconCls="icon-search"
							collapsible="true" minimizable="false" maximizable="false"
							closable="false">
							<table>
								<tr>
									<td>省:</td>
									<td><input class="easyui-combobox" name="provinceShow"
										id="provinceShow" required="true" /></td>
									<td>市:</td>
									<td><input class="easyui-combobox" name="cityShow"
										id="cityShow" required="true" /></td>
								</tr>
								<tr>
									<td>区:</td>
									<td><input class="easyui-combobox" name="countryShow"
										id="countryShow" required="true" /></td>
									<td colspan="2"><a href="#" class="easyui-linkbutton"
										data-options="iconCls:'icon-search'" style="width: 60px"
										onclick="searchInfoForShowCust()">查询</a></td>
								</tr>
							</table>
						</div>
					</form>
				</td>
			</tr>
			<tr>
				<td>
					<ul id="left">
					</ul>
				</td>
				<td><input type="button" value="&gt;&gt;" id="btnRightAll"
					style="width: 50px;" /><br /> <input type="button" value="&gt;"
					id="btnRight" style="width: 50px;" /><br /> <input type="button"
					value="&lt;" id="btnLeft" style="width: 50px;" /><br /> <input
					type="button" value="&lt;&lt;" id="btnLeftAll" style="width: 50px;" />
				</td>
				<td>
					<ul id="right">
					</ul>
				</td>
			</tr>
		</table>
		<table align="center">
			<tr>
				<!--  
                <td><input type="button" value="Add Item" id="btnAdd" /></td>
                <td><input type="button" value="Remove Item" id="btnRemove" /></td>
                <td><input type="button" value="Get Select" id="btnSelect" /></td>
                <td><input type="button" value="Get Items" id="btnGetItems" /></td>
                <td><input type="button" value="SetSelection (value equal to '1')" id="btnSetSelection" /></td>
                <td><input type="button" value="Reload" id="btnReload" /></td>
                -->
				<td><input type="button" value="取消" id="noselect" /></td>
				<td width="200px"></td>
				<td><input type="button" value="选择" id="select" /></td>

			</tr>
		</table>
	</div>
</body>
</html>